<template>
	<view class="container">
		<view style="height: 1rpx;">
			
		</view>
		<!-- <view class="data">
			<uni-table emptyText="暂无更多数据" >
				<uni-tr>
					<uni-th align="center">注册人</uni-th>
					<uni-th align="center">注册时间</uni-th>
					<uni-th align="center">角色</uni-th>
				</uni-tr>
				<uni-tr v-for="(item, index) in tableData" :key="index">
					<uni-td align="center">{{item.nickname}}</uni-td>
					<uni-td align="center">{{item.createtime}}</uni-td>
					<uni-td align="center">{{item.offline_role_name}}</uni-td>
				</uni-tr>
			</uni-table>
		</view> -->
		<view class="data ">
				<view class="data_title">
					<view class="item"> 注册人 </view>
					<view class="item time"> 注册时间 </view>
					<view class="item"> 角色 </view>
				</view>
				<view class="empty" v-if="tableData.length<=0">
					暂无更多数据
				</view>
				<view class="data_content" v-else v-for="(item, index) in tableData" :key="index">
					<view class="item"> {{item.nickname}} </view>
					<view class="item time"> {{item.createtime}} </view>
					<view class="item"> {{item.offline_role_name}} </view>
				</view>
			</view>
		</view>
	
	</view>
</template>

<script>
	import {getMyShareList} from '@/api/api.js'
	export default {
		data() {
			return {
				tableData:[]
			};
		},
		onShow() {
			this.getShopList()
		},
		
		methods: {
			getShopList(){
				getMyShareList().then(res=>{
					this.tableData = res.data.data
				})
			},
		    change(e) {
				console.log("e:", e);
			},
		},
	}
</script>

<style lang="scss">
.container {
	background: #F8F8F8;
	min-height: 100vh;
}

.data {
	margin-top: 20rpx;
	padding-bottom: 100rpx;
	background-color: #fff;
	font-size: 28rpx;
	padding: 0 10rpx;
	.data_title {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 700;
		color: #222222;
		border-bottom: 2rpx solid #E7E7E7;
		.item {
			width: 30%;
			text-align: center;
			padding: 20rpx 0;
		}
		.time {
			width: 40%;
		}
	}
	.data_content {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #666666;
		border-bottom: 2rpx solid #E7E7E7;
		.item {
			width: 30%;
			text-align: center;
			padding: 20rpx 0;
		}
		.time {
			width: 40%;
		}
	}
	.empty {
		min-height: 200rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #666666;
	}
}
</style>
